<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>梦想启航</title>
	<script src="js/jquery.min.js"></script>
	<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
	<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	<link rel="shortcut icon" href="img/title.png"/>
	<style type="text/css">
		.pull-right{
			line-height: 200%;
		}
		body {
			background-color: #cdcdcd;
		}
	</style>
<script type="text/javascript">
		$(function(){
			$("#page").load("persion/page");
			$("#user").click(function(){
				$(this).css('background','#E7E7E7');
				$("#page").load("persion/page")
				$("#upload").css('background','#F8F8F8');
				$("#log").css('background','#F8F8F8');
				
			})
			$("#upload").click(function(){ 
				$(this).css('background','#E7E7E7');
				$("#page").load("files/upload");
				$("#user").css('background','#F8F8F8');
				$("#log").css('background','#F8F8F8');
			})
			 $("#log").click(function(){ 
				$(this).css('background','#E7E7E7');
				$("#page").load("log/log");
				$("#user").css('background','#F8F8F8');
				$("#upload").css('background','#F8F8F8');
			})
		
		});
	</script>
</head>
<body>

	<nav class="navbar navbar-default" role="navigation">

		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="#">&emsp;梦想启航</a>&emsp;&emsp;&emsp;&emsp;&emsp;
			</div>
			<div>
				<ul class="nav navbar-nav">
					<li class="active"><a href="#" id="user"><i class="glyphicon glyphicon-user"></i> 用户管理</a></li>
					<li><a href="#" id="upload"><i class="glyphicon glyphicon-upload"></i> 文件上传</a></li>
					<li><a href="#" id="log"><i class="glyphicon glyphicon-credit-card"></i> 登录日志</a></li>
					
				</ul>
				<ul class="nav nav-pills">
					<li class="pull-right"><a href="/"><i class="glyphicon glyphicon-off"></i> 退出登录</a></li>
					<li class="pull-right"><a href="blog/blog2"target="_blank"><i class="glyphicon glyphicon-pencil"></i> 写博客</a></li>
					<li class="pull-right"><a href="blog/selectBlog" target="_blank"><i class="glyphicon glyphicon-leaf"></i> 我的博客</a></li>
					<li class="pull-right"><a href="#"><b>欢迎您：<span th:text="${session.model.username}"></span></b></a></li>
				</ul>
				
			</div>
		</div>
	</nav>
	<div id="page" style="margin: 0 auto;width: 75%;"></div>

</body>
</html>